<template>
  <div>
    <!-- 子应用容器 -->
    <micro-app name="sub-app" :url="subAppUrl" baseroute="/sub-app" />
  </div>
</template>

<script>
  export default {
    data() {
      return {
        subAppUrl: '', // 子应用的基础 URL
      };
    },
    watch: {
      $route(to) {
        // 根据路由变化动态设置子应用的 URL
        this.subAppUrl = `https://shaoyi52.github.io/child/vue2${to.path}`;
      },
    },
    created() {
      // 初始加载时设置子应用的 URL
      this.subAppUrl = `https://shaoyi52.github.io/child/vue2${this.$route.path}`;
    },
  };
</script>
